<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        img.home {
            width: 46px;
            height: 44px;
            background: url(../img/img_navsprites.gif) 0 0;
        }

        img.next {
            width: 43px;
            height: 44px;
            background: url(../img/img_navsprites.gif) -91px 0;
        }

        .left{
            width: 42px;
            height: 44px;
            background: url(../img/img_navsprites.gif) -48px 0;
        }
        img{

        }
    </style>
</head>
<body>



<img class="home" src="../img/img_navsprites.gif">
<img class="next" src="../img/img_navsprites.gif">
<img class="left" src="../img/img_navsprites.gif" >



</body>
</html>